<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
<p:dialog id="detalleItem" header="Detalle" modal="true" minHeight="450" onShow="upperInput();"
          widgetVar="wvDetalleItem" resizable="false" showEffect="fade" hideEffect="fade">

<p:panel>
<h:form id="detalleItemForm" prependId="true">
<h:panelGrid columns="1">
<p:toolbar>
    <p:toolbarGroup align="right">
        <p:commandLink ajax="false" process="@this"
                       actionListener="#{jsfBean.printExcelReportAction}">
            <p:graphicImage value="../resources/images/newExcel.png" width="25px" height="25px"/>
            <f:attribute name="templateFile" value="#{repJasper}"/>
            <f:attribute name="templateType" value="xls"/>
            <f:attribute name="reportType" value="99"/>
        </p:commandLink>
        <p:commandLink ajax="false" process="@this"
                       actionListener="#{jsfBean.printExcelReportAction}">
            <p:graphicImage value="../resources/images/pdf.png" width="25px" height="25px"/>
            <f:attribute name="templateFile" value="#{repJasper}"/>
            <f:attribute name="templateType" value="pdf"/>
            <f:attribute name="reportType" value="99"/>
        </p:commandLink>
    </p:toolbarGroup>

</p:toolbar>
<p:scrollPanel style="width:850px;height: 300px">
    <p:dataTable id="tablaDetalleItem" value="#{jsfBean.detalleItemCuenta}"
                 var="detalleItem" rowKey="#{detalleItem.id}"
                 rows="10" paginator="true"
                 paginatorPosition="bottom" emptyMessage="No existen registros"
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                 rowsPerPageTemplate="5,10,25,50">
        <p:columnGroup type="header">
            <p:row>
                <p:column colspan="#{totalColsPan}" headerText="Totales: " style="text-align:right"/>
                <p:column styleClass="columnRightTopClass">
                    <f:facet name="header">
                        <h:outputText value="#{jsfBean.detalleItemCuentaSum.totalRango1}">
                            <f:convertNumber pattern="###,###,##0.000"/>
                        </h:outputText>
                    </f:facet>
                </p:column>
                <p:column styleClass="columnRightTopClass" >
                    <f:facet name="header">
                        <h:outputText value="#{jsfBean.detalleItemCuentaSum.totalRango2}">
                            <f:convertNumber pattern="###,###,##0.000"/>
                        </h:outputText>
                    </f:facet>
                </p:column>
            </p:row>
            <p:row>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Soc."/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Acreedor"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Nombre 1 - Razón Social Acreedor"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="N° Documento"/>
                    </f:facet>
                </p:column>
                <p:column rendered="#{verDocumentoCompra}">
                    <f:facet name="header">
                        <h:outputText value="N° Documento Compra" />
                    </f:facet>
                </p:column>
                <p:column rendered="#{verDocumentoCompra}">
                    <f:facet name="header">
                        <h:outputText value="Clase Documento"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Fe.contab."/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Moneda"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Importe en ML"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Importe en MD"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Lib. Mayor"/>
                    </f:facet>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Nombre de Lib.mayor"/>
                    </f:facet>
                </p:column>
            </p:row>
        </p:columnGroup>
        <p:column styleClass="columnLeftTopClass" style="min-width:30px">

            <h:outputText value="#{detalleItem.sociedadId}"/>
        </p:column>
        <p:column styleClass="columnLeftTopClass" style="min-width:60px">

            <h:outputText value="#{detalleItem.acreedorId}">

            </h:outputText>
        </p:column>
        <p:column styleClass="columnLeftTopClass" style="min-width:100px">

            <h:outputText value="#{detalleItem.acreedorRazonSocial}">

            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="min-width:80px">

            <h:outputText value="#{detalleItem.numeroDocumento}">

            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="min-width:80px" rendered="#{verDocumentoCompra}">

            <h:outputText value="#{detalleItem.numeroDocumentoCompra}">

            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="min-width:80px" rendered="#{verDocumentoCompra}">

            <h:outputText value="#{detalleItem.codigoClas}">

            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="min-width:80px">

            <h:outputText value="#{detalleItem.fechaContable}">
                <f:convertDateTime pattern="dd/MM/yyyy" timeZone="America/Lima" type="both"/>
            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="width:50px">

            <h:outputText value="#{detalleItem.codigoMoneda}">
                <f:convertNumber pattern="###,###,##0.000"/>
            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="min-width:100px">

            <h:outputText value="#{detalleItem.montoMonedaLocal}">
                <f:convertNumber pattern="###,###,##0.000"/>
            </h:outputText>
        </p:column>
        <p:column styleClass="columnRightTopClass" style="min-width:100px">

            <h:outputText value="#{detalleItem.montoMonedaDolares}">
                <f:convertNumber pattern="###,###,##0.000"/>
            </h:outputText>
        </p:column>

        <p:column styleClass="columnLeftTopClass" style="min-width:60px">

            <h:outputText value="#{detalleItem.cuentaContableId}"/>
        </p:column>
        <p:column styleClass="columnLeftTopClass" style="min-width:100px">

            <h:outputText value="#{detalleItem.cuentaContableDescripcion}"/>
        </p:column>
    </p:dataTable>
</p:scrollPanel>
</h:panelGrid>
<h:panelGrid columns="2" styleClass="centered">
    <p:commandButton ajax="true" value="Cancelar" onclick="wvDetalleItem.hide()"
                     type="button"
                     immediate="true" process="@none"/>
</h:panelGrid>
</h:form>
</p:panel>
</p:dialog>
<p:dialog id="dlgEnviarEmail" header="Enviar por Email" modal="true" onShow="upperInput();"
          widgetVar="wvDlgEnviarEmail" resizable="false" showEffect="fade" hideEffect="fade">

    <p:ajax event="close"
            listener="#{reporteCuentaJsfBean.handleDialogClose}"/>

    <p:panel id="pnlEnviar">
        <h:form id="frmEnviar">
            <h:panelGrid id="gridBusquedaDialog" columns="3">
                <h:outputLabel for="inputCorreo" value="Correo"/>
                <p:inputText id="inputCorreo" value="#{jsfBean.reportePublicoDTO.correo}"
                             size="5" maxlength="100" required="true" requiredMessage="*" style="width: 200px;"/>
                <p:message for="inputCorreo" display="text"/>

                <h:outputLabel for="inputAsunto" value="Asunto"/>
                <p:inputText id="inputAsunto" value="#{jsfBean.reportePublicoDTO.asunto}"
                             size="25" maxlength="100" required="true" requiredMessage="*" style="width: 200px;"/>
                <p:message for="inputAsunto" display="text"/>

                <h:outputLabel for="inputMensaje" value="Mensaje"/>
                <p:inputTextarea id="inputMensaje" value="#{jsfBean.reportePublicoDTO.mensaje}"
                                 size="25" maxlength="100" cols="25" rows="10" required="true" requiredMessage="*"/>
                <p:message for="inputMensaje" display="text"/>
            </h:panelGrid>
            <p:spacer height="3px"/>
            <h:panelGrid id="gridBusqueda3Dialog" columns="2" styleClass="centered">
                <p:commandButton ajax="true" value="Enviar"
                                 actionListener="#{jsfBean.emailAction}"
                                 update=":messages  :frmEnviar">
                    <f:attribute name="dialogName" value="wvDlgEnviarEmail"/>
                </p:commandButton>
                <p:commandButton ajax="true" value="Cancelar" id="btnCancelar" onclick="wvDlgEnviarEmail.hide()"
                                 type="button"
                                 immediate="true" process="@none"/>
            </h:panelGrid>
        </h:form>
    </p:panel>
</p:dialog>
</ui:composition>
